<template>
	<view class="page-container">
		<block v-if="loading" name="skeleton">
			<view class="sk-container">
				<view class="page-container">
					<view class="header-container">
						<view class="header-container-bg"></view>
						<view class="unlogin-container" style="padding-top: 24px">
							<view class="header-user-info">
								<!-- #ifdef MP-WEIXIN -->
								<view class="header-line1 sk-transparent sk-text-18-7500-594 sk-text"
									style="line-height: 32px">会员中心
								</view>
								<!-- #endif -->
								<!-- #ifndef MP-WEIXIN -->
								<view class="header-line1 sk-transparent sk-text-18-7500-594 sk-text"
									style="line-height: 32px"></view>
								<!-- #endif -->
								<view class="header-line2">
									<image class="logo sk-image"></image>
									<text
										class="header-line2-text sk-transparent sk-text-14-2857-829 sk-text">登录/注册</text>
									<image class="icon-arrow1 sk-image"></image>
								</view>
								<view class="header-line3">
									<image class="logo sk-image"></image>
									<text class="header-line3-text sk-transparent sk-image"
										style="border-radius: 0">登录后开启更多优惠</text>
								</view>
							</view>
						</view>
					</view>
					<view class="service-container">
						<navigator class="service-item" hover-class="none">
							<image class="service-item-img sk-image"></image>
							<text class="sk-transparent sk-text-14-7059-17 sk-text">积分记录</text>
						</navigator>
						<navigator class="service-item" hover-class="none">
							<image class="service-item-img sk-image"></image>
							<text class="sk-transparent sk-text-14-7059-863 sk-text">成长值记录</text>
						</navigator>
						<navigator class="service-item" hover-class="none">
							<image class="service-item-img sk-image"></image>
							<text class="sk-transparent sk-text-14-7059-244 sk-text">我的订单</text>
						</navigator>
						<navigator class="service-item" hover-class="none">
							<image class="service-item-img sk-image"></image>
							<text class="sk-transparent sk-text-14-7059-386 sk-text">收货地址</text>
						</navigator>
						<view class="service-item">
							<button class="service-item-btn sk-button sk-pseudo sk-pseudo-circle"
								open-type="contact"></button>
							<image class="service-item-img sk-image"></image>
							<text class="sk-transparent sk-text-14-7059-551 sk-text">联系客服</text>
						</view>
					</view>
				</view>
				<view class="sk-loading"></view>
			</view>
		</block>

		<view v-else @tap="onClose">
			<view class="header-container">
				<view class="header-container-bg"></view>
				<view class="login-container" v-if="isLogin" :style="'padding-top:' + menuBtnInfo.top + 'px;'">
					<view class="header-user-info">
						<!-- #ifdef MP-WEIXIN -->
						<view class="header-line1" :style="'line-height:' + menuBtnInfo.height + 'px'">会员中心</view>
						<!-- #endif -->
						<!-- #ifndef MP-WEIXIN -->
						<view class="header-line1" :style="'line-height:' + menuBtnInfo.height + 'px'"></view>
						<!-- #endif -->
						<view class="head-warn" v-if="false">
							<text>你有{{ userInfo.cardInfo_pointBalance }}积分于{{ cur_year }}年12月31日清空，尽快使用哟~</text>
							<view @tap="warnClose">知道了</view>
						</view>
						<view class="user-info">
							<view class="user-info-left">
								<view class="user-info-img">
									<image class="user-logo" :src="memberInfo.headImg" @tap="toPersonalInfo"></image>
									<image v-if="approve == '1'" class="auth-icon"
										:src="staticBaseUrl + '/static/image/my/yirenzheng@3x.png'"></image>
									<image v-if="approve == '0'" class="auth-icon"
										:src="staticBaseUrl + '/static/image/my/weirenzheng@3x.png'"></image>
								</view>
								<view class="user-info-right">
									<view>
										<text>{{ memberInfo.name }}</text>
										<text v-if="approve == '0'" class="to-auth-btn"
											@tap.stop.prevent="toAuthNew">去认证 ></text>
										<!-- <text class="to-auth-btn" @tap.stop.prevent="toAuthNew">{{approve == '1' ? '更改认证' : '去认证'}}</text> -->
									</view>
									<!-- #ifndef MP-UNIONPAY -->
									<text class="user-info-phone">{{phoneHidden(userInfo.user_phone)}}</text>
									<!-- #endif -->
								</view>
							</view>

							<view class="user-info-rules">
								<view>
									<text class="info-score-text">我的积分</text>
									<view class="user-info-score">
										<!-- {{(userInfo.cardInfo_pointBalance && userInfo.cardInfo_pointBalance.toFixed(1)) || '--'}} -->
                    {{(userInfo.cardInfo_pointBalance || userInfo.cardInfo_pointBalance === 0) ? 
                      (userInfo.cardInfo_pointBalance > 0 ? userInfo.cardInfo_pointBalance.toFixed(1) : (0).toFixed(1))
                      : '--'}}
									</view>
									<!-- <navigator url="/pointsPkg/pages/pointsRecord/pointsRecord" class="user-info-score"><text>{{ userInfo.cardInfo_pointBalance ? userInfo.cardInfo_pointBalance : '--' }}</text
									><image  src="../../static/image/my/mine_ic_arrow.png"></image></navigator> -->
								</view>
								<!-- <block v-if="showSign">
                  <navigator url="/subPackages/pointMallPkg/pages/signIn/signIn" hover-class="none">
											<image src="../../static/image/my/mine_ic_signin.png" class="signIn-img"></image>
									</navigator>               
                </block> -->
							</view>
						</view>
					</view>

					<view class="card-rights-view">
						<view class="rights-text">
							<view class="rights-text1">电子卡权益</view>
							<text>电子卡权益</text>
						</view>
						<navigator url="/subPackages/right/pages/myProfitsList/myProfitsList" hover-class="none">
							<!-- /subPackages/right/pages/profitsCenter/profitsCenter -->
							<view class="get-more-rights">我的电子卡券 > </view>
						</navigator>

					</view>
					<view class="coupons-orders">
						<view class="coupons-view">
							<navigator class="coupons-item coupons-left" hover-class="none"
								style="width: 100%;padding-left: 50rpx"
								url="/subPackages/minorPkg/pages/coupon/myCoupon">
								<view>{{mallCoupons || '0'}}</view>
								<text>商城优惠券</text>
							</navigator>
							<!-- <navigator class="coupons-item coupons-right"  hover-class="none"
							 	url="/pages/coupon/myCoupon/myCoupon">
								<view >{{shopCoupons || '0'}}</view>
								<text>门店优惠券</text>
							</navigator> -->

						</view>
						<view class="orders-view">
							<view class="order-list-title">
								<view class="title-tab-view">
									<view class="title-tab-item" data-type="0" @click="chooseOrder">
										<text
											:class="curChooseType == '0' ? 'title-text-active' : 'list-title-text'">商城订单</text>
										<view class="tab-botom-mark" v-if="curChooseType == '0'"></view>
									</view>
									<!-- <view class="title-tab-item" data-type="1" @click="chooseOrder">
										<text :class="curChooseType == '1' ? 'title-text-active' : 'list-title-text'">电子卡券订单</text>
										<view class="tab-botom-mark"  v-if="curChooseType == 1"></view>
									</view> -->
									<!-- <view class="title-tab-item" data-type="2" @click="chooseOrder">
										<text :class="curChooseType == '2' ? 'title-text-active' : 'list-title-text'">门店券订单</text>
										<view class="tab-botom-mark" v-if="curChooseType == 2"></view>
									</view>	 -->
								</view>
								<navigator class="list-title-more"
									url="/subPackages/orderPkg/pages/orderList/orderList?typeId=0" hover-class="none">
									<text style="margin-right: 8rpx">更多</text>
									<text class="iconfont icon-rightArrow"
										style="font-size: 24rpx; font-weight: 600"></text>
								</navigator>
							</view>
							<view class="order-list-content">
								<block v-for="(item, index) in tabDataArr" :key="index">
									<navigator class="order-list-item" :url="item.url" hover-class="none">
										<image :src="item.img" style="width: 84rpx; height: 84rpx"></image>
										<text class="list-item-name">{{item.name}}</text>
									</navigator>
								</block>

							</view>
						</view>
					</view>

				</view>
				<view class="unlogin-container" v-else :style="'padding-top:' + menuBtnInfo.top + 'px;'">
					<view class="header-user-info">
						<view class="header-line1" :style="'line-height:' + menuBtnInfo.height + 'px'">会员中心</view>
						<view class="header-line2">
							<image class="logo" :src="staticBaseUrl + '/static/image/my/logo.png'"></image>
							<text class="header-line2-text" @tap.stop.prevent="toRegist">登录/注册</text>
							<image class="icon-arrow1" :src="staticBaseUrl + '/static/image/my/arrow_1.png'"></image>
						</view>
						<view class="header-line3">
							<image class="icon-gift" :src="staticBaseUrl + '/static/image/my/ic_gift.png'"></image>
							<text class="header-line3-text">登录后开启更多优惠</text>
						</view>
					</view>
				</view>
			</view>

			<!-- <view class="finish-info-container" v-if="memberInfoAddShow && !memberInfoAddBtnShow" @click="toPersonalInfo">
        <view class="finish-info-left">
          <view class="finish-left-line1">
            <text>完善信息</text>
            <text style="color: #ed171f">送礼品</text>
          </view>
          <view class="finish-left-line2">
            <text>丰富礼品等您来拿</text>
						<view></view>
            <image class="go-btn" src="/static/image/my/mine_ic_arrow_btn.png"></image>
          </view>
        </view>
        <view class="finish-info-right">
          <image class="icon-reward" src="/static/image/my/mine_img_card.png"></image>
        </view>
      </view> -->

			<!-- v-if="isLogin && userInfo.user_levelCode" -->
			<view class="privilege-container" v-if="false">
				<image class="privilege-logo"
					:src="baseImageUrl + '/my/memberRight/right_v' + userInfo.user_levelCode + '_logo@2x.png'"></image>
				<view class="privilege-title">
					<text class="privilege-now">
						当前已解锁
						<text>{{ priliegeCount }}</text>
						项特权
					</text>
				</view>

				<view class="privilege-item-container">
					<!-- 已有权益 -->
					<view class="privilege-item" @tap.stop.prevent="getPrilregeData" :data-id="item.id"
						:data-flag="!util.isEmpty(item.flag) ? item.flag : ''" v-if="item.isConfig == 'Y'"
						v-for="(item, index) in rankPMGetAllList" :key="index">
						<view class="privilege-img-content">
							<image
								:src="!util.isEmpty(item.imageUrl2) ? util.attachedUrl(item.imageUrl2, baseUrl) : util.attachedUrl(item.imageUrl, baseUrl)"
								class="privilege-item-img"></image>
							<view class="privilege-item-mask" v-if="util.isEmpty(item.imageUrl2)"></view>
						</view>

						<view class="item-name">{{ item.name }}</view>
					</view>

					<!-- 生日权益 -->
					<view class="privilege-item" @tap.stop.prevent="getBirthdayData" :data-id="item.id"
						:data-flag="item.flag" v-if="item.isConfig == 'Y'" v-for="(item, index) in birthday"
						:key="index">
						<view class="privilege-img-content">
							<image
								:src="!util.isEmpty(item.imageUrl2) && item.isConfig == 'Y' ? util.attachedUrl(item.imageUrl2, baseUrl) : util.attachedUrl(item.imageUrl, baseUrl)"
								class="privilege-item-img"></image>
							<view class="privilege-item-mask" v-if="util.isEmpty(item.imageUrl2)"></view>
						</view>

						<view class="item-name">{{ item.name }}</view>
					</view>
					<!-- 未解锁权益 -->
					<view class="privilege-item" v-if="item.isConfig == 'N'" v-for="(item, index) in rankPMGetAllList"
						:key="index">
						<view class="privilege-img-content">
							<image :src="util.attachedUrl(item.imageUrl, baseUrl)" class="privilege-item-img"></image>
						</view>

						<view class="item-name">{{ item.name }}</view>
					</view>
				</view>
				<view class="privilege-more">
					<view class="more-line"></view>
					<view>更多特权，敬请期待</view>
					<view class="more-line"></view>
				</view>
			</view>

			<!-- 电子卡权益 v-if="isLogin && userInfo"-->
			<view class="right-container" v-if="false">
				<!-- <navigator url="/subPackages/right/pages/myProfitsList/myProfitsList" hover-class="none">
          <image class="right-banner" :src="staticBaseUrl + '/static/image/my/right_banner.png'" style="width: 690rpx; height: 300rpx">
          </image>
        </navigator> -->
				<view class="right-info">
					<navigator class="info-mall-coupon" url="/pages/coupon/myCoupon/myCoupon" hover-class="none">
						<view class="mall-coupon-bg">
							<image :src="staticBaseUrl + '/static/image/my/right_coupon_right.png'"
								style="width: 308rpx; height: 126rpx"></image>
						</view>
						<view class="mall-coupon-text">
							<text class="coupon-text-num">{{ !shopCoupons ? '0' : shopCoupons }}</text>
							<text class="coupon-text-name">门店优惠券</text>
							<image :src="staticBaseUrl + '/static/image/my/ic_right.png'"
								style="width: 32rpx; height: 32rpx"></image>
						</view>
					</navigator>
					<navigator class="info-mall-coupon" url="/subPackages/minorPkg/pages/coupon/myCoupon"
						hover-class="none">
						<view class="mall-coupon-bg">
							<image :src="staticBaseUrl + '/static/image/my/right_coupon_left.png'"
								style="width: 308rpx; height: 126rpx"></image>
						</view>
						<view class="mall-coupon-text">
							<text class="coupon-text-num">{{ !mallCoupons ? '0' : mallCoupons }}</text>
							<text class="coupon-text-name">商城优惠券</text>
							<image :src="staticBaseUrl + '/static/image/my/ic_right.png'"
								style="width: 32rpx; height: 32rpx"></image>
						</view>
					</navigator>
				</view>
			</view>

			<!-- 联客优惠券 v-if="isLogin"-->
			<navigator class="lkCoupon" v-if="false"
				url="/subPackages/nearbyMallPkg/pages/lkBenefitsList/lkBenefitsList?couponCodeStatus=1"
				hover-class="none">
				<image class="lkCoupon-img" :src="staticBaseUrl + '/static/image/my/lk-banner.png'"></image>
			</navigator>

			<!-- 订单列表 -->
			<view class="order-container" v-if="isLogin && userInfo">
				<view class="order-goods">
					<navigator class="goods-item" url="/subPackages/minorPkg/pages/myCollect/myCollect"
						hover-class="none">
						<image class="goods-item-img" :src="staticBaseUrl + '/static/image/my/order_collect.png'">
						</image>
						<text class="goods-item-name">收藏</text>
						<text class="goods-item-count"></text>
					</navigator>
					<!-- <view class="goods-line"></view>
          <navigator class="goods-item" url="/subPackages/mall/pages/cart/cart" hover-class="none">
            <image class="goods-item-img" :src="staticBaseUrl + '/static/image/my/order_cart.png'"></image>
            <text class="goods-item-name">购物车</text>
            <text class="goods-item-count"></text>
          </navigator> -->
					<view class="goods-line"></view>
					<navigator class="goods-item" url="/subPackages/minorPkg/pages/footPrint/footPrint"
						hover-class="none">
						<image class="goods-item-img" :src="staticBaseUrl + '/static/image/my/order_steps.png'"></image>
						<text class="goods-item-name">足迹</text>
						<text class="goods-item-count"></text>
					</navigator>
				</view>
			</view>

			<view class="service-container">
				<navigator class="service-item" url="/pointsPkg/pages/pointsRecord/pointsRecord" hover-class="none">
					<image class="service-item-img" src="/static/image/my/mine_ic_record.png"></image>
					<text>积分记录</text>
				</navigator>
				<!-- <navigator class="service-item" url="/pages/invite/invite/invite" hover-class="none">
          <image class="service-item-img" src="/static/image/my/mine_ic_share.png"></image>
          <text>邀请有礼</text>
        </navigator> -->
				<navigator v-if="isEmployee" class="service-item"
					url="/subPackages/right_helper/pages/transitPage/transitPage" hover-class="none">
					<image class="service-item-img" :src="staticBaseUrl +'/static/image/my/helper.png'"></image>
					<text>员工助手</text>
				</navigator>
				<navigator v-if="false" class="service-item" url="/pointsPkg/pages/pointsHistory/pointsHistory"
					hover-class="none">
					<image class="service-item-img" :src="staticBaseUrl + '/static/image/my/ic_grow.png'"></image>
					<text>成长值记录</text>
				</navigator>
				<navigator v-if="false" class="service-item" url="/subPackages/orderPkg/pages/orderList/orderList"
					hover-class="none">
					<image class="service-item-img" :src="staticBaseUrl + '/static/image/my/ic_cart.png'"></image>
					<text>我的订单</text>
				</navigator>
				<navigator class="service-item"
					url="/subPackages/answer/pages/preFerentailActivity/preFerentailActivity" hover-class="none"
					v-if="false">
					<image class="service-item-img" :src="staticBaseUrl + '/static/image/my/ic_answer.png'"></image>
					<text>我的答题</text>
				</navigator>
				<navigator v-if="false" class="service-item" url="/subPackages/question/pages/questionList/questionList"
					hover-class="none">
					<image class="service-item-img" :src="staticBaseUrl + '/static/image/my/ic_inquire.png'"></image>
					<text>问卷调查</text>
				</navigator>
				<!-- #ifdef MP-WEIXIN -->
				<view class="service-item">
					<!-- open-type="contact" -->
					<button class="service-item-btn" @tap="openPanle"></button>
					<image class="service-item-img" src="/static/image/my/mine_ic_say.png"></image>
					<text>联系客服</text>
				</view>
				<!-- #endif -->
				<navigator class="service-item" url="/subPackages/kernelPkg/pages/address/address" hover-class="none">
					<image class="service-item-img" src="/static/image/my/mine_ic_address.png">
					</image>
					<text>收货地址</text>
				</navigator>
				<navigator class="service-item" url="/pages/cart/cart" open-type="switchTab" hover-class="none">
					<image class="service-item-img" src="/static/image/my/mine_ic_cart.png">
					</image>
					<text>购物车</text>
				</navigator>

				<!-- v-if="isManager" -->
				<navigator v-if="false" class="service-item" url="/pages/coupon/couponCenter/managerCouponList"
					hover-class="none">
					<image class="service-item-img" :src="staticBaseUrl + '/static/image/my/manager-coupon.png'"
						style="width: 120rpx; height: 110rpx"></image>
					<text>面对面发券</text>
				</navigator>
			</view>


			<u-popup :show="showAuth" @close="onClose" mode="center" custom-style="width:90%;border-radius:24rpx">
				<view class="auth-box2" @tap.stop.prevent="doNoting">
					<view class="dialog-title">身份认证</view>
					<view class="dialog-authbox">
						<text style="width: 200rpx;">证件类型：</text>
						<!-- <radio-group @change="changeAuthType">
						  <label class="info-content">
						    <radio style="margin-right: 30rpx" value="01" color="#ff4444"
								:checked="authType == '01'">身份证</radio>
						    <radio value="00" :checked="authType == '00'" color="#ff4444">户口簿</radio>
						  </label>
						</radio-group> -->
						<picker style="width: 100%;" @change="bindPickerChange" :value="certificateTypeIndex"
							:range="certificateTypeArray">
							<view class="picker-item">
								<view class="uni-input" style="display: inline-block;">
									{{certificateTypeArray[certificateTypeIndex]}}</view>
								<image class="picker-arrow" src="/static/image/arrow_right.png"></image>
							</view>
						</picker>
					</view>
					<view class="iptbox-new">
						<view class="dialog-iptbox" style="flex: 1;">
							<view class="dialog-img">
								<image :src="staticBaseUrl + '/static/image/my/card-1.png'" mode="widthFix"></image>
							</view>
							<input type="text" class="ipt-username" :value="authParams.certNo" placeholder="请输入证件号码"
								maxlength="18" @input="bindCardIdChange" :disabled="approve == '1'" />
						</view>
						<view class="btn-confirm idCard-btn" @tap.stop.prevent="idCardSearch">查 询</view>
					</view>

					<view class="dialog-iptbox" v-if="authFlag && cardList.length && cardSelectFlag" @tap.stop.prevent="bankCardSelect">
						<view class="dialog-img">
							<image :src="staticBaseUrl + '/static/image/my/card-3.png'" mode="widthFix"></image>
						</view>
						<input type="text" class="ipt-username" :value="cardHidden(authParams.cardNo)"
							placeholder="请选择银行卡号" disabled />
						<image class="select-btn"
							:src="'/static/image/merchant/' + (showAuthSelect ? 'arrow_down.png' : 'arrow_up.png')">
						</image>
						<view class="option-view" v-if="showAuthSelect">
							<view v-for="(item, index) in cardList" @tap.stop.prevent="selectBankCard(item)"
								class="bank-item" :key="index">{{item.card}}</view>
						</view>
					</view>
					<view class="dialog-iptbox" v-if="authFlag">
						<view class="dialog-img">
							<image :src="staticBaseUrl + '/static/image/my/head.png'" mode="widthFix"></image>
						</view>
						<input type="number" class="ipt-username" :value="phoneHidden(authParams.phone)"
							placeholder="手机号码" style="flex: 1" @input="bindPhoneChange"
							disabled/>
						<view class="authCode" :style="'color:' + (codeDisabled ? '#FAB7B4' : '#F35C56')"
							@tap.stop.prevent="getMsgCode">{{messageText}}</view>

					</view>
					<view class="dialog-iptbox" v-if="authFlag">
						<view class="dialog-img">
							<image :src="staticBaseUrl + '/static/image/my/head.png'" mode="widthFix"></image>
						</view>
						<input type="number" class="ipt-username" :value="authParams.authCode" placeholder="验证码"
							@input="bindAuthCodeChange" />
					</view>
					<view class="errorBox" v-if="showError">
						<view class="error-img">
							<image :src="staticBaseUrl + '/static/image/my/error.png'" mode="widthFix"></image>
						</view>
						<view class="error-info">{{ errInfo }}</view>
					</view>
					<view class="dialog-btnbox" v-if="authFlag">
						<view class="btn-cancel" @tap.stop.prevent="onClose">取消</view>
						<view class="btn-confirm" @tap.stop.prevent="authConfirm2"
							:style="'color:' + (authDisabled ? '#FAB7B4;opacity: 0.6' : '#fff;opacity: 1')">确定</view>
					</view>
				</view>
			</u-popup>

			<!-- 客服电话 -->
			<u-popup :show="showPhonePanel" mode="bottom" @close="closePanle">
				<view class="panel-text" style="padding: 15rpx 0;" @tap="makePhoneCall">民泰客服热线：95343</view>
				<view class="panel-text" @tap="closePanle">取消</view>
			</u-popup>

			<!-- 商品推荐 -->
			<goodsRecommendation v-if="1 == platformConfig.likeSwitch" ref="goodsRecommendation" title="为你推荐"
				from="trolley" needOther="true" my-recommend-title='my-recommend-title'
				my-recommend-list='my-recommend-list' my-recommend-item='my-recommend-item'
				my-recommend-item-image='my-recommend-item-image' />
		</view>

	</view>
</template>
<script module="util" lang="wxs" src="../../utils/util.wxs"></script>
<script>
	// import vanPopup from '@vant/weapp/popup/index';
	import goodsRecommendation from '@/components/goodsRecommendation/goodsRecommendation';
	const app = getApp();

	const util = require('../../utils/util.js');

	const utils = require('../../utils/util.js');
	import {
		staticBaseUrl
	} from '@/utils/constant.js'

	import {
		http
	} from '@/utils/commonRequest.js'; // 局部引入
	export default {
		components: {
			// vanPopup
			goodsRecommendation
		},
		data() {
			return {
				certificateTypeIndex: 1,
				certificateTypeArray: ['户口簿', '身份证', '护照', '临时身份证', '港澳通行证', '台湾通行证'],
				menuBtnInfo: {},
				staticBaseUrl,
				/** 去认证上传参数 */
				authParams: {
					custName: '',
					certTp: '1',
					certNo: '',
					cardNo: '',
					phone: ''
				},
				platformConfig: app.globalData.platformConfig,
				/** 金融积分上传参数 */
				bankPointParams: {
					qryTp: '2',
					custName: '',
					certTp: '1',
					certNo: '',
					cardNoOrAcctNo: ''
				},
				baseUrl: app.globalData.baseurl,
				baseImageUrl: app.globalData.baseImageUrl,
				userInfo: {},
				memberInfo: null,

				//会员信息
				isLogin: false,

				loading: true,
				tallyInfo: null,
				showError: false,
				isReceive: true,
				// 认证框 new=======
				showAuth: false,
				authFlag: null,
				showAuthSelect: false,
				cardList: null,
				messageText: '获取验证码',
				codeDisabled: false,
				authDisabled: true,
				//用户是否完善了个人信息，默认为true
				warnShow: true,

				levelCode: null,
				memberInfoAddBtnShow: false,
				shortGrowthValue: null,
				rankPMGetAllList: null,
				showScan: false,
				showSign: true,
				debounce: false,
				isManager: false,
				approve: null,
				idNum: null,
				cardNum: null,
				cur_year: '',
				cur_month: '',
				sidList: '',
				priliegeCount: '',
				birthday: '',
				memberInfoAddShow: '',
				errInfo: '',
				shopCoupons: '',
				mallCoupons: '',
				curChooseType: 0, // 订单类型1
				tabDataArr: [],
				showPhonePanel: false,

				ordersTabArr: [
					[{
							name: '待付款',
							img: '/static/image/my/mine_ic_pay.png',
							url: '/subPackages/orderPkg/pages/orderList/orderList?typeId=1'
						},
						{
							name: '待发货',
							img: '/static/image/my/mine_ic_goods.png',
							url: '/subPackages/orderPkg/pages/orderList/orderList?typeId=2'
						},
						{
							name: '待收货',
							img: '/static/image/my/mine_ic_goods1.png',
							url: '/subPackages/orderPkg/pages/orderList/orderList?typeId=3'
						},
						{
							name: '退款/售后',
							img: '/static/image/my/mine_ic_refund.png',
							url: '/subPackages/orderPkg/pages/orderList/orderList?typeId=5'
						},
					],
					[{
							name: '待付款',
							img: '/static/image/my/mine_ic_pay.png',
							url: '/subPackages/right/pages/myProfitsOrder/myProfitsOrder?typeId=1'
						},
						{
							name: '待发货',
							img: '/static/image/my/mine_ic_goods.png',
							url: '/subPackages/right/pages/myProfitsOrder/myProfitsOrder?typeId=2'
						},
						{
							name: '已完成',
							img: '/static/image/my/mine_ic_complete.png',
							url: '/subPackages/right/pages/myProfitsOrder/myProfitsOrder?typeId=4'
						},
						{
							name: '已退款',
							img: '/static/image/my/mine_ic_refund.png',
							url: '/subPackages/right/pages/myProfitsOrder/myProfitsOrder?typeId=7'
						},
						{
							name: '全部',
							img: '/static/image/my/mine_ic_more.png',
							url: '/subPackages/right/pages/myProfitsOrder/myProfitsOrder?typeId='
						},
					],
					[{
							name: '待付款',
							img: '/static/image/my/mine_ic_pay.png',
							url: '/pages/coupon/myCouponOrder/myCouponOrder?typeId=1'
						},
						{
							name: '已付款',
							img: '/static/image/my/mine_ic_goods.png',
							url: '/pages/coupon/myCouponOrder/myCouponOrder?typeId=2'
						},
						{
							name: '已退款',
							img: '/static/image/my/mine_ic_refund.png',
							url: '/pages/coupon/myCouponOrder/myCouponOrder?typeId=3'
						},
						{
							name: '全部',
							img: '/static/image/my/mine_ic_more.png',
							url: '/pages/coupon/myCouponOrder/myCouponOrder?typeId=0'
						}
					],
				],
				toAuthLoading: false, // 认证提交loading
				authType: '01',
				isEmployee: false,
        cardSelectFlag: true,
			};
		},

		/**
		 * 生命周期函数--监听页面加载
		 */
		onLoad(options) {
			// #ifdef MP-WEIXIN
			this.menuBtnInfo = uni.getMenuButtonBoundingClientRect();
			// #endif
			const date = new Date();
			const cur_year = date.getFullYear();
			const cur_month = date.getMonth();
			let that = this;
			this.cur_year = cur_year
			this.cur_month = cur_month
			this.tabDataArr = this.ordersTabArr[this.curChooseType]
			setTimeout(() => {
				this.loading = false
			}, 1000);
			// let currentUrl = utils.getCurrentPageUrlWithArgs();
			//    this.$checkAuth('redirect', currentUrl)
			this.$checkAuth()
				.then((res) => {
					that.getSignActivity();
				})
				.catch((err) => {
					console.log(err);
				});


		},
		onShow() {
			// let currentUrl = utils.getCurrentPageUrlWithArgs();
			//    this.$checkAuth('redirect', currentUrl)
			this.$checkAuth().then((res) => {
				// #ifdef H5
				this.memberInfo = uni.getStorageSync('memberInfo')
				// #endif
				// #ifdef MP-WEIXIN
				this.memberInfo = app.globalData.memberInfo
				// #endif
				this.isLogin = true
				this.getDetailMemberInfo();
				this.getRewardInfo();
				this.getShopCouponList();
				this.getMallCouponList();
				// this.checkManager();
				if(this.memberInfo) {
					this.queryIsEmployee()
				}
			});
		},
		onHide() {
			this.closePanle()
		},
		onUnload() {
			this.closePanle()
		},
		methods: {

			// 认证类型
			// changeAuthType: function(e){
			// 	let value = e.detail.value;
			// 	this.authType = value;
			// 	this.authParams.authCode = '';
			// 	this.authParams.phone = '';
			// 	this.authParams.cardNo = '';
			// 	this.authDisabled = true;
			// 	this.cardList = [];
			// 	this.authFlag = false;
			// },
			bindPickerChange: function(e) {
				let certificateMap = [{
						index: "00",
						value: "户口簿"
					},
					{
						index: "01",
						value: "身份证"
					},
					{
						index: "02",
						value: "护照"
					},
					{
						index: "03",
						value: "军官证"
					},
					{
						index: "04",
						value: "士兵证"
					},
					{
						index: "05",
						value: "港澳通行证"
					},
					{
						index: "06",
						value: "台湾通行证"
					},
					{
						index: "07",
						value: "临时身份证"
					},
					{
						index: "08",
						value: "外国人居留证"
					},
					{
						index: "09",
						value: "警官证"
					},
					{
						index: "10",
						value: "无身份证"
					},
					{
						index: "11",
						value: "其他证件"
					},
					{
						index: "12",
						value: "组织机构代码"
					},
					{
						index: "13",
						value: "营业执照号"
					},
					{
						index: "14",
						value: "批文"
					},
					{
						index: "15",
						value: "主管证明"
					},
					{
						index: "16",
						value: "组织代码证"
					},
					{
						index: "17",
						value: "电子现金证件"
					},
					{
						index: "18",
						value: "港澳居住证"
					},
					{
						index: "19",
						value: "台湾居住证"
					}
				]
				console.log('picker发送选择改变，携带值为', e.detail.value)
				// this.index = e.detail.value
				this.certificateTypeIndex = e.detail.value
				let value = e.detail.value;
				let a = certificateMap.find(item => {
					return item.value == this.certificateTypeArray[value];
				})
				this.authType = a.index;
				console.log("authType", this.authType);
				this.authParams.authCode = '';
				this.authParams.phone = '';
				this.authParams.cardNo = '';
				this.authDisabled = true;
				this.cardList = [];
				this.authFlag = false;
			},

			// 联系客服
			openPanle: function() {
				// this.showPhonePanel = true
				http.get('/mtBank/mtCustomerServiceUrl', {}).then((res) => {
					res = res.data;
					if (res.code == '200') {
						console.log(res)
						uni.navigateTo({
							url: '/pages/outlink/outlink?outlink=' + encodeURIComponent(res.url),
						})
					}
				})
			},

			closePanle: function() {
				this.showPhonePanel = false
			},

			/**
			 * 拨打电话
			 */
			makePhoneCall: function() {
				this.closePanle()
				uni.makePhoneCall({
					phoneNumber: '95343'
				});
			},
			// 切换订单类型tab
			chooseOrder: function(e) {
				let type = e.currentTarget.dataset.type;
				console.log('11111类型tabArr==', type)
				this.curChooseType = type;
				this.tabDataArr = this.ordersTabArr[type]
				console.log('类型tabArr==', this.ordersTabArr[type])
			},

			phoneHidden(phone) { //手机号脱敏
				if (null == phone || undefined == phone || 'undefined' == phone || 0 == phone.length) {
					return '';
				}
				phone = phone + '';
				return phone.substring(0, 3) + '****' + phone.substring(7);
			},

			// 银行卡号脱敏
			cardHidden(no) {
				// return no.replace(/(?<=\d{4})\d+(?=\d{4})/," **** **** ")
				return no.replace(/^(.{4})(?:\d+)(.{4})$/, "$1 **** **** $2")
			},

			/** 获取详细的会员信息 */
			getDetailMemberInfo: function() {
				var that = this;
				http.get('/personal/userInfo', {

					})
					.then((res) => {
						if ('200' == res.data.code) {
							console.log(res);
							let showVip = false;
							if (undefined == res.data.userinfo.mbrCardNo) {
								if (res.data.erpApMbr == '1' || res.data.apMbr == '1') {
									showVip = true;
								} else {
									showVip = false;
								}
							} else {
								showVip = true;
							}
							that.bankPointParams.custName = res.data.userinfo.real_name;
							that.bankPointParams.certNo = res.data.userinfo.card_id;
							let userinfo = res.data.userinfo;
							userinfo.user_levelCode = userinfo.user_levelCode && userinfo.user_levelCode.slice(5,
								6);
							userinfo.user_levelCode = userinfo.user_levelCode && Number(userinfo.user_levelCode) +
								1;
							let shortGrowthValue = userinfo.nextLevel - (userinfo.growthValue == '--' ? 0 :
								userinfo
								.growthValue); //用户成长值为0时后台返回'--'

							// that.authParams.certNo = userinfo.idno;
							console.log('ppp', that.authParams)
							this.userInfo = userinfo
							this.levelCode = res.data.userinfo.user_levelCode
							this.memberInfoAddBtnShow = res.data.userinfo.memberInfoAddBtnShow
							this.sidList = res.data.userinfo.sidList ? res.data.userinfo.sidList : ''
							this.shortGrowthValue = shortGrowthValue
							this.approve = userinfo.approve == '1' ? '1' : '0'
							this.showAuth = this.approve == '0'
							this.getLevelConfigs();
							uni.setStorageSync('noApproveFlag', userinfo.approve != '1')
							uni.setStorageSync('authFlag', userinfo.idType)
						}
					})
					.catch((err) => {
						console.log(err);
					});
			},

			/** 获取会员特权配置信息 */
			getLevelConfigs: function() {
				let that = this;
				let levelCode = that.levelCode;
				let params = {
					levelCode: 'Level' + (levelCode - 1)
				};
				http.get('personal/userInfoEquityData', {
						params: params
					})
					.then((res) => {
						if (res.data.code == '200') {
							console.log('获取会员特权配置信息', res);
							let rankPMGetAllList = res.data.userinfo.rankPMGetAllList;
							console.log(rankPMGetAllList);
							let priliegeCount = 0;
							let birthday = [];

							if (!util.isEmpty(rankPMGetAllList)) {
								rankPMGetAllList.forEach((v, i) => {
									if (v.name.indexOf('生日') >= 0) {
										birthday.push(rankPMGetAllList[i]);
										rankPMGetAllList.splice(i, 1);
									}
								});

								if (!util.isEmpty(rankPMGetAllList)) {
									rankPMGetAllList.map((v) => {
										if (!util.isEmpty(v.imageUrl2) && v.isConfig == 'Y') {
											priliegeCount++;
										}
									});
								}

								if (!util.isEmpty(birthday[0])) {
									if (birthday[0].flag == 'Y' && birthday[0].isConfig == 'Y') {
										priliegeCount++;
									}
								}

								// if (rankPMGetAllList.length > 8) {
								//   res.data.userinfo.rankPMGetAllList.length = 8;
								// }

								that.rankPMGetAllList = rankPMGetAllList
								that.priliegeCount = priliegeCount
								that.birthday = birthday
							}
							this.$nextTick(() => {
								setTimeout(() => {
									this.$refs.goodsRecommendation && this.$refs
										.goodsRecommendation.getRecommendGoods();
								}, 1000)
							})
						}
					})
					.catch((err) => {
						console.log(err);
					});
			},

			/** 获取领取奖励信息 */
			getRewardInfo: function() {
				http.get('/memberInfoAdd/queryMemberInfoAdd', {}).then((res) => {
					//当没有配置奖励时不显示完善有礼的内容
					let memberInfoAddShow = false;
					let memberInfoAdd = res.data.memberInfoAdd;

					if (memberInfoAdd) {
						memberInfoAddShow = true;
					}
					this.isReceive = res.data.hasReceiveGift
					this.memberInfoAddShow = memberInfoAddShow
				});
			},

			/** 获取银行积分 */
			getBankPoint: function(params) {
				http.post('/zsnsh/integralQuery',
					params, {
						header: {
							"content-type": "application/x-www-form-urlencoded"
						}
					}).then((res) => {
					if (res.data.code == '200') {
						let tallyInfo = JSON.parse(res.data.tallyInfo);
						this.tallyInfo = tallyInfo
					}
				});
			},

			toRegist: function() {
				var that = this;
				uni.setStorageSync('zsnshOpenIdData', '');
				this.$checkAuth('navigateBack');
			},

			toAuthNew: function() {
				if (this.approve == '1' && this.userInfo.idno) {
					this.authParams.certNo = this.userInfo.idno
				}
				this.showAuth = true
			},

			warnClose: function() {
				this.warnShow = false
			},

			/** 弹窗输入框信息获取 */
			bindNameChange: function(e) {
				this.authParams.custName = e.detail.value;
			},

			bindCardIdChange: function(e) {
				this.authParams.certNo = e.detail.value;
				this.authParams.authCode = '';
				this.authParams.phone = '';
				this.authParams.cardNo = '';
				this.authDisabled = true;
				this.cardList = [];
				this.authFlag = false;
			},

			bindAuthCodeChange: function(e) {
				this.authParams.authCode = e.detail.value;
				this.authDisabled = !(this.authParams.phone && this.authParams.authCode)
			},

			bindPhoneChange: function(e) {
				this.authParams.phone = e.detail.value;
				this.authDisabled = !(this.authParams.phone && this.authParams.authCode)
			},

			bindCardChange: function(e) {
				this.authParams.cardNo = e.detail.value;
			},

			// 认证new
			authConfirm2: function() {
				let that = this;
				let cardIdReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //身份证号正则
				let url = 'mtBankInfo/userAuthByIdno';
				if (this.toAuthLoading) {
					return
				}
				if (this.approve == '1') {
					url = 'mtBankInfo/updateAuthByIdno'
				}

				if (!(this.authParams.phone && this.authParams.authCode)) {
					return
				}
				if (that.authType == '00' || that.authType == '01') {
					if (!cardIdReg.test(this.authParams.certNo)) {
						uni.showToast({
							icon: 'none',
							title: that.authType == '01' ? '身份证号格式错误，请重新输入' : '户口簿格式错误，请重新输入'
						});
						return;
					}
				}
				if (utils.isEmpty(this.authParams.authCode)) {
					uni.showToast({
						icon: 'none',
						title: '请输入正确短信验证码'
					});
					return;
				}
				let params = {
					memberId: this.memberInfo.id,
					idno: this.authParams.certNo,
					phone: this.authParams.phoneEnc,
					code: this.authParams.authCode,
					authFlag: this.authType,
					bankType: uni.getStorageSync('bankType'),
          cardNo: this.authParams.cardEnc
				}
				// if (this.authParams.cardEnc) {
				// 	params.cardNo = this.authParams.cardEnc
				// }
				uni.showLoading({
					title: '提交中'
				})
				this.toAuthLoading = true
				http.get(url, {
						params: params
					})
					.then((res) => {
            console.log('userAuthByIdnoparams',params);
						res = res.data;
						if (res.code == '200') {
							if (res.authFlag) {
								uni.setStorageSync('authFlag', res.authFlag)
							}
							uni.showToast({
								title: that.approve == '1' ? '修改成功' : '认证成功',
								icon: 'success'
							});
							let data = this.userInfo;
							data.approve = '1';
							that.onClose()
							that.userInfo = data
							that.approve = '1'
							that.getDetailMemberInfo()
							that.queryIsEmployee()
							that.getOpenId()
						} else {
							that.showError = true
							that.errInfo = res.msg
						}
						uni.hideLoading()
						that.toAuthLoading = false
						uni.setStorageSync("LOGIN_LOGIN", "expire");
					}).catch((err) => {
						uni.hideLoading()
						that.toAuthLoading = false
					});
			},

			// 身份证查询
			idCardSearch: function() {
				let that = this;
				let cardIdReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/; //身份证号正则
				let url = '/mtBankInfo/getPhoneByIdno';
				if (this.approve == '1') {
					url = '/mtBankInfo/getPhoneByIdnoUpdate'
				}
				if (that.authType == '00' || that.authType == '01') {
					if (!cardIdReg.test(this.authParams.certNo)) {
						uni.showToast({
							icon: 'none',
							title: that.authType == '01' ? '身份证号格式错误，请重新输入' : '户口簿格式错误，请重新输入'
						});
						return;
					}
				}
				let params = {
					idno: this.authParams.certNo,
					memberId: this.memberInfo.id,
					authFlag: this.authType
				}
				that.showError = false;
				uni.showLoading({
					title: '查询中'
				});
				http.get(url, {
						params: params
					})
					.then((res) => {
						uni.hideLoading()
						res = res.data;
						if (res.code == '200') {
							console.log('身份证查询', res);
							if (res.bankType) {
								uni.setStorageSync('bankType', res.bankType)
							}
							// 情况1：总行
              if(res.phone && res.phoneEnc){
                console.log("总行");
                that.cardSelectFlag = false;
                that.authParams.phone = res.phone;
                that.authParams.phoneEnc = res.phoneEnc;
                that.authParams.cardEnc = res.cardEnc;
                that.authFlag = true
                if(res.phone == ''){
                  uni.showToast({
                    icon: 'none',
                    title: '未查询到您在我行的预留手机号，请至柜面录入后进行认证'
                  });
                }
              }
              // 情况2：村行
              else if(res.cardList){
                console.log("村行");
                that.cardSelectFlag = true;
                if(res.cardList && res.cardList.length > 0){
                  that.cardList = res.cardList
                  that.authParams.cardNo = res.cardList[0]
                  that.selectBankCard(res.cardList[0])
                  that.authFlag = true
                }else{
                  uni.showToast({
                    icon: 'none',
                    title: '很抱歉，未查询到您的银行卡信息，暂不支持注册'
                  });
                  that.authFlag = false;
                  that.cardList = null;
                  that.authParams.cardNo = null;
                  that.authParams.phone = ''
                }
              }
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
						that.authParams.authCode = ''
						that.authDisabled = true
					}).catch((err) => {
						uni.hideLoading()
						console.log(err);
					})

			},

			// 银行卡号选择框
			bankCardSelect: function() {
				this.showAuthSelect = !this.showAuthSelect
			},

			// 选择银行卡号
			selectBankCard: function(item) {
				this.authParams.cardNo = item.card;
				this.authParams.cardEnc = item.cardEnc;
				let that = this;
				http.get('/mtBankInfo/getPhoneByCard', {
						params: {
							cardNo: item.cardEnc,
							authFlag: that.authType,
							bankType: uni.getStorageSync('bankType')
						}
					})
					.then((res) => {
						res = res.data;
						if (res.code == '200') {
							console.log('选择银行卡号获取手机号===', res)
							that.authParams.phone = res.phone;
							that.authParams.phoneEnc = res.phoneEnc;
						} else {
							uni.showToast({
								icon: 'none',
								title: res.msg
							});
						}
					})
				if (this.showAuthSelect) {
					this.bankCardSelect()
				}
			},

			// 获取短信验证码
			getMsgCode: function() {
				if (this.codeDisabled) {
					return;
				}

				let that = this;
        console.log('that.authParams',that.authParams);
				let phone = that.authParams.phoneEnc;
				// if (utils.isEmpty(phone) || !utils.verifyPhone(phone)) {
				// 	utils.message('请输入正确的手机号！');
				// 	return;
				// }

				this.codeDisabled = true;

				let params = {
					phone: phone
				}
        console.log('phoneparams',params);
				uni.showLoading({
					title: '发送中'
				});
				http.get('/mtBankInfo/sendCodeMt', {
						params: params
					})
					.then((res) => {
						res = res.data;
						uni.hideLoading();
						if ('200' == res.code) {
							utils.message('验证码已发送');
							let second = 60;
							let a = setInterval(function() {
								second--;
								if (second == 0) {
									that.messageText = '获取验证码'
									that.codeDisabled = false
									clearInterval(a);
								} else {
									that.messageText = second + 'S后获取'
								}
							}, 1000);
						} else {
							utils.message(res.msg);
							that.codeDisabled = false
						}
					}).catch((err) => {
						uni.hideLoading();
						that.codeDisabled = false
						utils.message('获取验证码失败')
						console.log('验证码err', err)
					})
			},

			onClose: function() {
				this.show = false
				this.showAuth = false
				this.showScan = false
				this.showError = false
				this.authFlag = false
				this.errInfo = ''
				this.authParams = {
					custName: '',
					certTp: '1',
					cardNo: '',
					phone: '',
					certNo: ''
				}
			},

			/**
			 * 获取签到活动
			 */
			getSignActivity: function() {
				http.get('dailySign/getSignPageInfo', {}).then((res) => {
					if (res.data.code == '200') {
						return;
					} else {
						this.show = false
					}
				});

			},

			/** 跳转个人信息页面 */
			toPersonalInfo: function() {
				console.log('---跳转个人信息页面-')
				uni.navigateTo({
					url: '/pages/personalInfo/userInfo/userInfo'
				});
			},

			/** 获取会员特权奖励信息 */
			getPrilregeData: function(e) {
				let that = this;
				let debounce = that.debounce;

				if (debounce) {
					return;
				}

				this.debounce = true
				let id = e.currentTarget.dataset.id;
				let flag = e.currentTarget.dataset.flag;
				let params = {
					levelCode: 'Level' + (that.userInfo.user_levelCode - 1),
					id: id,
					flag: flag
				};
				http.get('personal/getLevelPrilegeInfo', {
					params: params
				}).then((res) => {
					console.log(res);

					if (res.data.code == '200') {
						let rankType = res.data.levelPrilege.rankType;

						if (!util.isEmpty(rankType) && rankType != '5') {
							if (rankType == '6' || rankType == '7') {
								util.message(res.data.levelPrilege.sname);
								this.debounce = false
								return;
							}

							if (rankType != 4) {
								uni.navigateTo({
									url: '/pages/privilege/privilegeCoupon/privilegeCoupon?id=' +
										params.id + '&level=' + params
										.levelCode + '&from=priliege&flag=' + flag
								});
							} else {
								uni.navigateTo({
									url: '/subPackages/lottery/pages/giftPkgDetail/giftPkgDetail?id=' +
										params.id + '&level=' +
										params.levelCode + '&from=priliege&flag=' + flag
								});
							}
						} else {
							util.message(res.data.levelPrilege.sname);
						}
					}

					setTimeout(() => {
						this.debounce = false
					}, 1000);
				});
			},

			/** 生日权益 */
			getBirthdayData: function(e) {
				let that = this;
				let flag = e.currentTarget.dataset.flag;
				let id = e.currentTarget.dataset.id;
				let params = {
					levelCode: 'Level' + (that.userInfo.user_levelCode - 1),
					id: id,
					flag: flag
				};
				http.get('personal/getLevelPrilegeInfo', {
					params: params
				}).then((res) => {
					if (res.data.code == '200') {
						let rankType = res.data.levelPrilege.rankType;

						if (!util.isEmpty(rankType) && rankType != '5') {
							if (rankType == '6' || rankType == '7') {
								util.message(res.data.levelPrilege.sname);
								return;
							}

							if (rankType != 4) {
								uni.navigateTo({
									url: '/pages/privilege/privilegeCoupon/privilegeCoupon?id=' +
										params.id + '&level=' + params
										.levelCode + '&from=birthday&flag=' + flag
								});
								return;
							} else {
								uni.navigateTo({
									url: '/subPackages/lottery/pages/giftPkgDetail/giftPkgDetail?id=' +
										params.id + '&level=' +
										params.levelCode + '&from=birthday&flag=' + flag
								});
								return;
							}
						} else {
							util.message(res.data.levelPrilege.sname);
						}
					}
				});
			},

			/** 跳转优惠券订单页面 */
			toSaleCouponOrderList: function() {
				uni.navigateTo({
					url: '/pages/coupon/myCouponOrder/myCouponOrder'
				});
			},

			/** 获取门店优惠券 */
			getShopCouponList: function() {
				let params = {
					page: '1',
					limit: '1',
					couponCodeStatus: '1'
				};
				http.get('zsnshCoupon/myCouponList', {
					params: params
				}).then((res) => {
					if (res.data.code == '200') {
						this.shopCoupons = res.data.total
					}
				});
			},

			/** 获取商城优惠券 */
			getMallCouponList: function() {
				let that = this;
				http.get('couponlist/getCouponList', {})
					.then((res) => {
						if ('200' == res.data.code) {
							console.log(res.data.res, 9999999)
							let mallCoupons = res.data.res.commonCouponList.length + res.data.res
								.merchandiseCouponList.length;
							that.mallCoupons = mallCoupons
							console.log(that.mallCoupons, 111111)
						}
					})
					.catch((err) => {
						console.log(err);
					});
			},

			showScanFun: function() {
				let that = this;
				uni.scanCode({
					onlyFromCamera: true
				});
				return;
				that.showScan = true
			},

			doNothing: function() {
				return;
			},

			toScan: function() {
				uni.scanCode({
					onlyFromCamera: true
				});
			},

			toPay: function() {},

			checkManager: function() {
				let that = this;
				http.get('managerCoupon/checkManager', {})
					.then((res) => {
						if ('200' == res.data.code) {
							let isManager = res.data.isManager;
							that.isManager = isManager
						}
					})
					.catch((err) => {
						console.log('AABBCC======', err);
					});
			},

			doNoting() {
				console.log('占位：函数 doNoting 未声明');
			},

			queryIsEmployee: function() {
				let params = {
					memberId: this.memberInfo.id
				};

				http.get('mtBankInfo/checkUser', {
						params: params
					})
					.then((res) => {
						if ('200' == res.data.code) {
							this.isEmployee = true
						}
					})
					.catch((err) => {
						console.log('AABBCC======', err);
					});
			},
			//根据MiniOpenId是否有值，判断是否认证登录
			getOpenId() {
				return new Promise((resolve, reject) => {
					let outlink = uni.getStorageSync('outlink')
					let navUrl = encodeURIComponent(outlink);
					if(navUrl) {
						http.get('/taiHuiWan/getMemberUserMiniOpenId', {}).then(res => {
						  uni.setStorageSync('MiniOpenId', res.data.MiniOpenId)
						  uni.navigateTo({
							url: '/pages/outlink/outlink?outlink=' + navUrl
						  })
						  uni.removeStorageSync('outlink')
					    })
					}
					resolve()
				})
			}
		}
	};
</script>
<style>
	/* @import './my.skeleton.css'; */
	.u-safe-bottom {
		display: none !important;
	}

	page {
		height: 100%;
	}

	.page-container {
		height: 100%;
		position: relative;
		background: linear-gradient(117deg, #EDE9FB 0%, #F5F1FA 46%, #F4F6FD 82%, #F4F9FE 100%);
	}

	.header-container {
		position: relative;
		width: 100%;
		padding: 0 30rpx;
	}

	.header-container-bg {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		height: 710rpx;
		background: linear-gradient(132deg, #FEFCF0 0%, #FFE0C6 100%);
		border-radius: 0 0 54rpx 54rpx;
	}

	.header-user-info {
		overflow: hidden;
		position: relative;
		/* padding-left: 30rpx; */
	}

	.header-line1 {
		font-size: 40rpx;
		font-weight: bold;
		color: #000;
		margin-left: 18rpx;
		margin-bottom: 44rpx;
	}

	/* 登录前顶部样式 */
	.unlogin-container,
	.login-container {
		position: relative;
	}

	.header-line2 {
		display: flex;
		align-items: center;
		margin-left: -8rpx;
		margin-top: 70rpx;
		margin-left: 30rpx;
	}

	.logo {
		width: 80rpx;
		height: 80rpx;
		background-color: #f6f6f6;
		border-radius: 50%;
	}

	.header-line2-text {
		margin: 0 8rpx 0 20rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #000;
	}

	.icon-arrow1 {
		width: 18rpx;
		height: 28rpx;
	}

	.header-line3 {
		display: flex;
		align-items: center;
		margin-top: 50rpx;
		margin-bottom: 60rpx;
		margin-left: 30rpx;
	}

	.icon-gift {
		width: 66rpx;
		height: 70rpx;
	}

	.header-line3-text {
		margin-left: 16rpx;
		color: #000000;
		font-size: 44rpx;
		font-weight: bold;
		line-height: 60rpx;
		background: linear-gradient(318deg, #fda058 0%, #ff7663 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}

	/* 登录后顶部样式 */
	.login-container {}

	.head-warn {
		padding: 0 30rpx;
		background-color: rgba(255, 140, 0, 0.3);
		display: flex;
		justify-content: space-between;
		height: 78rpx;
		align-items: center;
		/* margin-top: 50rpx; */
	}

	.head-warn text {
		font-size: 24rpx;
		color: #ff9c00;
		letter-spacing: -0.24rpx;
	}

	.head-warn view {
		width: 128rpx;
		height: 48rpx;
		border-radius: 12rpx;
		background-color: #ff8c00;
		font-size: 26rpx;
		color: #fff;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.user-info {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-top: 32rpx;
		margin-bottom: 64rpx;
		margin-right: -16rpx;
	}

	.auth-icon {
		width: 36rpx;
		height: 36rpx;
		position: absolute;
		right: 0;
		bottom: 0;
	}

	.to-auth-btn {
		width: 108rpx;
		height: 44rpx;
		display: inline-block;
		line-height: 44rpx;
		text-align: center;
		font-size: 22rpx;
		font-weight: 500;
		color: #fff;
		padding: 0 8rpx;
		margin-left: 16rpx;
		background: linear-gradient(233deg, #6B422F 0%, #935B42 30%, #794C38 41%, #774A37 52%, #391F15 100%);
		border-radius: 22rpx;
	}

	.user-logo {
		width: 112rpx;
		height: 112rpx;
		background-color: #fff;
		border-radius: 50%;
		flex-shrink: 0;
	}

	.user-info-img {
		width: 112rpx;
		height: 112rpx;
		background: transparent;
		position: relative;
	}

	.user-info-left {
		display: flex;
	}

	.user-info-right {
		display: flex;
		flex-direction: column;
		justify-content: center;
		margin-left: 22rpx;
		font-size: 32rpx;
		font-weight: bold;
		color: #000;
	}

	.user-info-phone {
		font-weight: 500;
		font-size: 24rpx;
		margin-top: 14rpx;
	}

	.auth-btn {
		margin-top: 16rpx;
		width: 120rpx;
		line-height: 42rpx;
		text-align: center;
		font-size: 24rpx;
		font-weight: normal;
		color: #ff8c00;
		border-radius: 24rpx;
		border: 1px solid #ff8c00;
	}

	.user-info-sign {
		text-align: right;
		padding-right: 94rpx;
		color: #fff;
		font-size: 28rpx;
		font-weight: 600;
		position: absolute;
		right: 0;
		top: 50%;
	}

	.user-info-rules {
		/* margin-right: -30rpx; */
		display: flex;
		align-items: center;
		justify-content: center;
		margin-right: 50rpx;
	}

	.info-score-text {
		font-size: 24rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		color: #999999;
	}

	.user-info-score {
		font-size: 48rpx;
		font-family: Avenir-Heavy, Avenir;
		font-weight: 800;
		color: #333333;
		margin-top: 8rpx;
	}

	.user-info-score image {
		width: 24rpx;
		height: 24rpx;
	}

	.signIn-img {
		width: 192rpx;
		height: 106rpx;
	}

	.auth-dialog {
		position: fixed;
		top: 25%;
		left: 50%;
		transform: translate(-50%);
		width: 670rpx;
		background-color: white;
		z-index: 99;
		border-radius: 24rpx;
	}

	.auth-box {
		padding: 64rpx 54rpx;
		/* border-bottom: 1rpx solid #eaeaea; */
		box-sizing: border-box;
		/* border-radius: 24rpx; */
	}

	.auth-box2 {
		padding: 50rpx 34rpx;
		box-sizing: border-box;
	}

	.idCard-btn {
		width: auto !important;
		min-width: 160rpx;
		padding: 0 10rpx;
		margin-left: 10rpx;
	}

	.select-btn {
		width: 24rpx;
		height: 24rpx;
	}

	.option-view {
		position: absolute;
		left: 0;
		top: 94rpx;
		width: 100%;
		max-height: 200rpx;
		background-color: #fff;
		border: 2rpx solid #eee;
		border-radius: 24rpx;
		overflow-y: scroll;
		padding: 20rpx 0 20rpx 54rpx;
		z-index: 9;
	}

	.bank-item {
		font-size: 28rpx;
		padding: 12rpx 0;
	}

	.authCode {
		/* text-decoration: underline; */
		font-size: 32rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		word-break: keep-all;
		padding-right: 10rpx;
	}

	.dialog-title {
		text-align: center;
		color: #000;
		font-size: 36rpx;
		font-weight: bold;
		margin-bottom: 30rpx;
	}

	.dialog-iptbox {
		display: flex;
		position: relative;
		padding-left: 16rpx;
		font-size: 28rpx;
		height: 96rpx;
		background-color: #eee;
		border-radius: 24rpx;
		align-items: center;
		margin-bottom: 16rpx;
	}

	.dialog-authbox {
		display: flex;
		align-items: center;
		padding-left: 16rpx;
		font-size: 28rpx;
		height: 96rpx;
	}

	.iptbox-new {
		display: flex;
		align-items: center;
	}

	.dialog-img {
		width: 48rpx;
		height: 48rpx;
		margin-right: 24rpx;
	}

	.dialog-img image {
		width: 100%;
	}

	.img-more {
		width: 32rpx;
		height: 32rpx;
		position: absolute;
		top: 50%rpx;
		right: 24rpx;
	}

	.img-more image {
		width: 100%;
	}

	.img-clean {
		width: 48rpx;
		height: 48rpx;
		position: absolute;
		top: 50%rpx;
		right: 20rpx;
	}

	.img-clean image {
		width: 100%;
	}

	.dialog-btnbox {
		padding: 40rpx 0rpx;
		display: flex;
		justify-content: space-between;
	}

	.btn-cancel,
	.btn-confirm {
		width: 260rpx;
		height: 84rpx;
		background-color: #fff;
		color: #666;
		font-size: 34rpx;
		line-height: 84rpx;
		border: 1rpx solid #eaeaea;
		border-radius: 42rpx;
		text-align: center;
	}

	.btn-confirm {
		background: linear-gradient(140deg, #ffc996 0%, #ed176e 100%);
		color: white;
	}

	.errorBox {
		margin-top: 40rpx;
		display: flex;
	}

	.error-img {
		width: 32rpx;
		height: 32rpx;
		margin-right: 14rpx;
	}

	.error-img image {
		width: 100%;
	}

	.error-info {
		color: #666;
		font-size: 26rpx;
		font-weight: bold;
	}

	.card-rights-view {
		position: relative;
		width: 100%;
		height: 208rpx;
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		border-radius: 16rpx;
		padding: 24rpx 24rpx 0 18rpx;
		background-image: url(../../static/image/my/mine_img_card_bg.png);
		background-size: 100% 100%;
	}

	.rights-text1 {
		font-size: 38rpx;
		font-family: PingFangSC-Semibold, PingFang SC;
		font-weight: 600;
		margin-bottom: 4rpx;
		color: #333333;
	}

	.rights-text text {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
	}

	.get-more-rights {
		width: 210rpx;
		height: 52rpx;
		line-height: 52rpx;
		text-align: center;
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #EFD5D1;
		margin-top: 14rpx;
		background: linear-gradient(90deg, #878787 0%, #2E152B 100%);
		border-radius: 36rpx;
	}

	.coupons-orders {
		margin-top: -70rpx;
		position: relative;
		margin-bottom: 24rpx;
	}

	.coupons-view {
		width: 100%;
		height: 158rpx;
		background-color: #fff;
		border-radius: 32rpx 32rpx 0 0;
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 0 42rpx;
		position: relative;
		box-shadow: 0px 12rpx 33rpx -15rpx rgba(182, 178, 199, 0.6);
	}

	.coupons-item {
		width: 290rpx;
		height: 130rpx;
		background-size: 100% 100%;
		padding: 20rpx 0 0 18rpx;
	}

	.coupons-item view {
		font-size: 40rpx;
		font-family: Avenir-Heavy, Avenir;
		font-weight: 800;
		color: #40434D;
		margin-bottom: 8rpx;
	}

	.coupons-item text {
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #999999;
	}

	.coupons-left {
		background-image: url(../../static/image/my/mine_bg_shopping.png);

	}

	.coupons-right {
		background-image: url(../../static/image/my/mine_bg_shop.png);

	}

	.orders-view {
		width: 100&;
		height: 284rpx;
		background-color: #FAFAFA;
		border-radius: 0 0 32rpx 32rpx;
		padding: 40rpx 30rpx 0;
	}


	/* 完善有礼 */
	.finish-info-container {
		display: flex;
		align-items: center;
		margin: 0 auto 24rpx;
		width: 690rpx;
		height: 166rpx;
		padding: 0 30rpx;
		background: #ffffff;
		box-shadow: 0px 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
		border-radius: 24rpx;
		position: relative;
	}

	.finish-info-left {
		flex: 1;
	}

	.finish-left-line1 {
		font-size: 36rpx;
		font-weight: bold;
		color: #000;
	}

	.finish-left-line2 {
		display: flex;
		align-items: center;
		margin-top: 8rpx;
		font-size: 26rpx;
		line-height: 36rpx;
		color: #999;
	}

	.go-btn {
		margin-left: 10rpx;
		width: 84rpx;
		height: 54rpx;
	}

	.finish-info-right {
		width: 234rpx;
		height: 148rpx;
	}

	.icon-reward {
		width: inherit;
		height: inherit;
	}

	/* 特权样式 */
	.privilege-container {
		width: 690rpx;
		border-radius: 16rpx;
		background-color: #fff;
		margin: 0 auto 24rpx;
		padding: 26rpx 30rpx;
		position: relative;
		box-shadow: 0 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
	}

	.privilege-logo {
		width: 96rpx;
		height: 96rpx;
		position: absolute;
		top: 16rpx;
		left: 16rpx;
	}

	.privilege-title {
		display: flex;
		align-items: center;
		margin-bottom: 26rpx;
		position: relative;
		z-index: 100;
	}

	.privilege-now {
		display: inline-block;
		font-size: 32rpx;
		font-weight: bolder;
		height: 56rpx;
		line-height: 44rpx;
	}

	.privilege-now text {
		font-size: 42rpx;
	}

	.line {
		display: inline-block;
		height: 34rpx;
		color: #ccc;
		font-size: 22rpx;
		font-weight: 400;
		line-height: 34rpx;
		margin: 0 8rpx 6rpx;
	}

	.privilege-after {
		display: inline-block;
		height: 56rpx;
		color: #666;
		font-size: 24rpx;
		font-weight: 400;
		line-height: 54rpx;
	}

	.privilege-after text {
		color: #000;
	}

	.privilege-item-container {
		display: flex;
		flex-wrap: nowrap;
		width: 100%;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}

	.privilege-item {
		width: 22%;
		flex-shrink: 0;
		text-align: center;
		margin-bottom: 30rpx;
		justify-content: center;
	}

	.privilege-img-content {
		position: relative;
		display: flex;
		justify-content: center;
	}

	.privilege-item-img {
		width: 88rpx;
		height: 88rpx;
		border-radius: 50%;
	}

	.privilege-item-mask {
		width: 88rpx;
		height: 88rpx;
		position: absolute;
		top: 0;
		left: 34rpx;
		z-index: 1000;
		background-color: rgba(0, 0, 0, 0.2);
		border-radius: 50%;
	}

	.item-name {
		text-align: center;
		font-size: 24rpx;
		color: #666;
		height: 34rpx;
		line-height: 34rpx;
		margin-top: 8rpx;
	}

	.privilege-more {
		display: flex;
		justify-content: center;
		font-size: 24rpx;
		color: #ccc;
		text-align: center;
	}

	.more-line {
		width: 54rpx;
		height: 1rpx;
		border-top: 1rpx solid rgba(0, 0, 0, 0.06);
		margin: 0 16rpx;
		margin-top: 16rpx;
	}

	/* 电子卡权益 */
	.right-container {
		width: 690rpx;
		margin: 30rpx auto;
		position: relative;
		height: 200rpx;
		/*    height: 320rpx; */
		border-radius: 24rpx;
		box-shadow: 0 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
	}

	.right-title {
		position: absolute;
		top: 24rpx;
		left: 240rpx;
	}

	.title-text {
		font-size: 24rpx;
		color: #666;
		font-weight: 400;
		margin-bottom: 6rpx;
	}

	.title-more {
		font-size: 20rpx;
		width: 124rpx;
		height: 32rpx;
		background-color: #ff7e1e;
		opacity: 0.52;
		color: #fff;
		border-radius: 18rpx;
		display: flex;
		align-items: center;
		padding-left: 10rpx;
	}

	.right-info {
		width: 100%;
		height: 200rpx;
		background-color: #fff;
		display: flex;
		justify-content: space-between;
		position: absolute;
		left: 0;
		/* top: 120rpx; */
		border-radius: 24rpx;
		padding: 34rpx 30rpx 40rpx;
	}

	.info-mall-coupon {
		/* background-color: #eee; */
		width: 308rpx;
		height: 126rpx;
		border-radius: 12rpx;
		position: relative;
	}

	.mall-coupon-bg {
		width: 308rpx;
		height: 126rpx;
		border-radius: 12rpx;
		position: absolute;
		top: 0;
		left: 0;
	}

	.mall-coupon-text {
		display: flex;
		height: 62rpx;
		align-items: center;
		padding-left: 30rpx;
		margin-right: 8rpx;
		margin-top: 30rpx;
		position: relative;
		z-index: 99;
	}

	.coupon-text-num {
		height: 62rpx;
		font-size: 48rpx;
		color: #5d392c;
		font-weight: 500;
		margin-right: 8rpx;
	}

	.coupon-text-name {
		margin-right: 16rpx;
		font-size: 28rpx;
		font-weight: 400;
		color: #5d392c;
		margin-top: 8rpx;
	}

	.mall-coupon-text image {
		position: relative;
		top: 4rpx;
	}

	/* 联客优惠券 */
	.lkCoupon {
		width: 100%;
		height: 166rpx;
		padding: 0 30rpx;
		margin-bottom: 24rpx;
	}

	.lkCoupon-img {
		width: 100%;
		height: 166rpx;
		box-shadow: 0 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
		border-radius: 12rpx;
	}

	/* 订单列表 */
	.order-container {
		width: 690rpx;
		border-radius: 16rpx;
		box-shadow: 0 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
		margin: 0 auto 24rpx;
		background-color: #fff;
	}

	.order-goods {
		width: 100%;
		height: 110rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		box-shadow: 0 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
		border-radius: 16rpx;
	}

	.goods-item {
		width: 33%;
		text-align: center;
		font-size: 28rpx;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.goods-line {
		width: 1px;
		height: 28rpx !important;
		background-color: #ccc;
	}

	.goods-item-img {
		width: 36rpx;
		height: 36rpx;
	}

	.goods-item-name {
		font-weight: 500;
		margin-left: 16rpx;
		margin-right: 8rpx;
	}

	.goods-item-count {
		color: #666;
		font-weight: 500;
	}

	.order-list {
		width: 100%;
	}

	.order-list-title {
		display: flex;
		justify-content: space-between;
		align-items: center;
		margin-bottom: 30rpx
	}

	.title-tab-item {
		position: relative;
		margin-right: 16rpx;
	}

	.tab-botom-mark {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 16rpx;
		background: linear-gradient(313deg, rgba(255, 90, 132, 0) 0%, #ED1C24 100%);
	}

	.title-tab-view {
		display: flex;
		align-items: center;
	}

	.title-text-active {
		font-size: 32rpx;
		font-weight: 500;
		color: #000
	}

	.list-title-text {
		font-size: 28rpx;
		font-weight: 500;
		color: #666
	}


	.list-title-more {
		font-size: 24rpx;
		color: #999;
	}

	.order-list-content {
		width: 100%;
		margin-top: 28rpx;
		display: flex;
		justify-content: space-around;
	}

	.order-list-item {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.list-item-name {
		font-size: 24rpx;
		color: #999;
		font-weight: 400;
		margin-top: 10rpx;
	}

	/* 服务入口样式 */
	.service-container {
		display: flex;
		width: 690rpx;
		margin: 24rpx 30rpx;
		padding-top: 32rpx;
		background: #ffffff;
		box-shadow: 0px 14rpx 34rpx 6rpx rgba(182, 178, 199, 0.2);
		border-radius: 16rpx;
		flex-wrap: wrap;
		position: relative;
		justify-content: space-around;
	}

	.service-item {
		position: relative;
		display: flex;
		width: 20%;
		flex-direction: column;
		align-items: center;
		font-size: 26rpx;
		line-height: 34rpx;
		color: #2b170f;
		margin-bottom: 30rpx;
		font-size: 24rpx;
	}

	.service-item-img {
		width: 64rpx;
		height: 64rpx;
	}

	.service-item-btn {
		width: 120rpx !important;
		height: 110rpx;
		background-color: red;
		position: absolute;
		top: 0;
		left: 50%;
		transform: translateX(-50%);
		opacity: 0;
	}

	.service-scan {
		position: absolute;
		top: -126rpx;
		left: -32rpx;
		width: 228rpx;
		height: 128rpx;
		display: flex;
		align-items: center;
		justify-content: space-around;
		font-size: 28rpx;
		color: #fff;
		font-weight: 400;
		padding: 0 10rpx 4rpx;
	}

	.scan-bg {
		width: 228rpx;
		height: 128rpx;
		position: absolute;
		top: 0;
		left: 0;
	}

	.scan-item {
		display: flex;
		flex-direction: column;
		position: relative;
		z-index: 99;
		align-items: center;
		justify-content: center;
	}

	.scan-item-img {
		width: 40rpx;
		height: 40rpx;
		margin-bottom: 10rpx;
	}


	.sk-transparent {
		color: transparent !important;
	}

	.sk-text-18-7500-594 {
		background-image: linear-gradient(transparent 18.75%, #eeeeee 0%, #eeeeee 81.25%, transparent 0%) !important;
		background-size: 100% 64rpx;
		position: relative !important;
	}

	.sk-text {
		background-origin: content-box !important;
		background-clip: content-box !important;
		background-color: transparent !important;
		color: transparent !important;
		background-repeat: repeat-y !important;
	}

	.sk-text-14-2857-829 {
		background-image: linear-gradient(transparent 14.2857%, #eeeeee 0%, #eeeeee 85.7143%, transparent 0%) !important;
		background-size: 100% 44.8rpx;
		position: relative !important;
	}

	.sk-text-14-7059-17 {
		background-image: linear-gradient(transparent 14.7059%, #eeeeee 0%, #eeeeee 85.2941%, transparent 0%) !important;
		background-size: 100% 34rpx;
		position: relative !important;
	}

	.sk-text-14-7059-863 {
		background-image: linear-gradient(transparent 14.7059%, #eeeeee 0%, #eeeeee 85.2941%, transparent 0%) !important;
		background-size: 100% 34rpx;
		position: relative !important;
	}

	.sk-text-14-7059-244 {
		background-image: linear-gradient(transparent 14.7059%, #eeeeee 0%, #eeeeee 85.2941%, transparent 0%) !important;
		background-size: 100% 34rpx;
		position: relative !important;
	}

	.sk-text-14-7059-386 {
		background-image: linear-gradient(transparent 14.7059%, #eeeeee 0%, #eeeeee 85.2941%, transparent 0%) !important;
		background-size: 100% 34rpx;
		position: relative !important;
	}

	.sk-text-14-7059-551 {
		background-image: linear-gradient(transparent 14.7059%, #eeeeee 0%, #eeeeee 85.2941%, transparent 0%) !important;
		background-size: 100% 34rpx;
		position: relative !important;
	}

	.sk-button {
		color: #efefef !important;
		background: #efefef !important;
		border: none !important;
		box-shadow: none !important;
	}

	.sk-image {
		background: #efefef !important;
		border-radius: 50%;
	}

	.sk-pseudo::before,
	.sk-pseudo::after {
		background: #efefef !important;
		background-image: none !important;
		color: transparent !important;
		border-color: transparent !important;
	}

	.sk-pseudo-rect::before,
	.sk-pseudo-rect::after {
		border-radius: 0 !important;
	}

	.sk-pseudo-circle::before,
	.sk-pseudo-circle::after {
		border-radius: 50% !important;
	}

	.sk-container {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		overflow: hidden;
		background-color: transparent;
	}

	@keyframes flush {
		0% {
			left: -100%;
		}

		50% {
			left: 0;
		}

		100% {
			left: 100%;
		}
	}

	.sk-loading {
		animation: flush 2s linear infinite;
		position: absolute;
		top: 0;
		bottom: 0;
		width: 100%;
		background: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.85) 50%, rgba(255, 255, 255, 0) 100%);
	}

	.ipt-username {
		width: 80%;
		padding-top: 6rpx;
	}

	.my-recommend-title {
		margin: 40rpx 0 !important;
	}

	.my-recommend-list {
		justify-content: space-around;
	}

	.my-recommend-item {
		padding: 30rpx 26rpx !important;
		width: 224rpx !important;
		margin-right: 18rpx !important;
		border-radius: 16rpx;
	}

	.my-recommend-item-image {
		width: 172rpx !important;
		height: 144rpx !important;
	}

	.panel-text {
		color: #666;
		font-size: 30rpx;
		text-align: center;
		/* height: 80rpx; */
		line-height: 80rpx;
		border-bottom: 1rpx solid #F2F2F1;
	}

	.info-content {
		flex: 1;
		text-align: right;
	}

	.picker-item {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.picker-arrow {
		width: 24rpx;
		height: 24rpx;
		transform: rotate(90deg);
	}
</style>